body {
	background: #ade9f4 url("../images/frame/bg-login.jpg") no-repeat left bottom fixed;
	background-size: cover;
}
a, a:link{ color:#999; }
a:visited { color:#999; }
input[type=button], input[type=submit], input[type=reset] { padding:1px 4px; border:1px solid #004c97; background-color:#004c97; color:white; }
input:hover[type=button], input:hover[type=submit], input:hover[type=reset] { background-color:#5fadfa; text-decoration:none }
hr { margin: 3px 0; }
/* GENERAL TAG
------------------------------------------------------------------ */
#wrapper { margin:0px auto; width:100%; }
#container { margin:0px auto; width:500px; position:relative; margin-top:100px; }
#logo { text-align:center; margin-bottom:30px; }
#clogin-form {
	width:500px;
	height:300px;
	background:#fff;
	border: 1px solid #eee;
}
#clogin-form .content { padding:25px 35px; color:#333; font-weight:bold; }
.content .header { font-size:14pt; text-transform:uppercase; margin-bottom:30px; color:#0059ab; border-bottom:1px dashed #ccc; }
.content .form { margin-bottom:40px; }
.content .form .box { float:left; margin-right:25px; width:200px; margin-bottom:20px; }
.content .form .box.remember {
	clear:left; display:block; width: 100%; font-weight: normal;
}
.content .form .box + .box { margin-right:0px; }
.content .form .tbox {
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
	border:2px solid #ccc; background:#fff; width:190px; }
.content .form .tbox.error { border-color: #cc0000; }
.content .form .box-button { clear:both; display:block; margin-bottom:20px; }
.button-login {
    border-radius: 0px; cursor: pointer; display: inline-block; font: 11px sans-serif; margin: 0; outline: none;
    overflow: visible; padding: 0.7em 4em; position: relative; border: none; 
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    background: #0059ab;    
}
.button-login span { background: url(../images/frame/login-icon.png) no-repeat left center; padding-left:17px; }
.button-login:hover { background: #3072B3; }
.box-link { margin-left: 105px; }
.box-link a { 
	color: #333;
	font-weight: normal; margin: 0 0px; text-decoration: underline; }
.box-link a:hover { color: #999; }

/************************************************************ 
 * DIALOG 
 ************************************************************/
.ui-dialog { background:#666 !important; -moz-border-radius: 0px; border-radius: 0px; border:1px solid #000 !important; }
.ui-dialog-titlebar { background:none !important; border:none !important; color:white!important; }
.ui-dialog-content { background-color:white !important; margin:2px; -moz-border-radius: 0px; border-radius: 0px; padding-top: 1em !important; border:1px solid #555 !important; }
.ui-widget-content { background-image:none !important; }

/*.ui-widget-header .ui-icon,.ui-widget-content .ui-icon { background-image:none; }*/
.ui-widget-header .ui-icon-closethick { background-image:none !important; }
.ui-icon-closethick { background-image:none; background-position: 0px 0px; }
a.ui-dialog-titlebar-close { height:25px !important; width:25px !important; padding:0 !important; background: url(../images/icons-16/pclose.png) no-repeat 0px -25px; display:block;  width:25px; height:25px; }
.ui-dialog-titlebar-close.ui-state-hover { background: url(../images/icons-16/pclose.png) no-repeat 0px 0px !important; border:none !important; }
.ui-widget-overlay { opacity: 0.2; background: #000; }
div.ajax-loader { background: url("../images/frame/ajax-loader.gif") no-repeat center center; width: 100px; height: 100px; margin: auto; }
div.ajax-loading { background: url("../images/frame/ajax-loader.gif") no-repeat left center; width: 100px; height: 40px; }

/*Style for Form*/
.form td { padding-bottom: 5px; }
/*Oct 08 2012: Minh fix width 120 -> 110 and padding 20px -> 15px to display message error in category*/
.form .label { width:150px; padding-right:20px; }
.form .cbutton  { border-top:1px solid #ccc; padding-top: 15px; margin-top: 10px; text-align: center; }
.form .cbutton .button { padding-left:20px; padding-right:20px; font-weight: bold !important; font-size: 8pt !important; }
.button { margin: 0 2px; }
label.required { font-weight: bold; }
.heading { color:#033b75; font-size: 10pt; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }

/*FOR MESSAGE*/
div.errorMsg
{
    color: red;
    font-size: 16px;
}
#system-message { margin-bottom: 15px; }
#system-message .flash-success {
    padding:10px; font-weight:bold; border:1px solid #99cc00;    
    background: #ecffc7; color:green;
    border-radius: 5px; box-shadow: 0px 2px 5px #ccc;
}
#system-message .flash-error {
    padding:10px; font-weight:bold; border:1px solid #cc0000;    
    background: #ffdad9; color:#cc0000;
    border-radius: 5px; box-shadow: 0px 2px 5px #ccc;
}
#system-message .flash-warning {
    padding:10px; font-weight:bold; border:1px solid #ffcc00;    
    background: #ffffcc; color:#000000;
    border-radius: 5px; box-shadow: 0px 2px 5px #ccc;
}
form div.errorMessage, span.error
{
    display: inline-block; color: #cc0000;
    height: 16px; width: 16px; margin-left: 2px; overflow: hidden; vertical-align:middle;	
    cursor: help;
    
    display: inline-block; color: red;
    background: url('../images/icons-16/error.png') no-repeat left center;
    height: 16px; width: 16px; text-indent: 16px; margin-left: 2px; overflow: hidden; vertical-align:middle;	
    cursor: help;
    
}
.content .form .errorMessage { display: block; width: 420px; cursor: default; color: #cc0000; height: 25px; line-height: 25px; }